<template>
	<view class="content">
        <view class="index">
        	<view class="logo">
        		<view class="imgBox">
        			<image src="../../static/img/logo1.png" mode=""></image>
        		</view>
        	</view>
			<view class="ul">
				<view class="li1">
					供应商
				</view>
				<view class="li2">
					采购商
				</view>
			</view>
        </view>
			

	</view>
</template>

<script>
	import "../../static/css/main.css"
	export default {
		data() {
			return {
				title: 'Hello'
			}
		},
		onLoad() {

		},
		methods: {

		}
	}
</script>

<style  lang="less" >
	.content {
		text-align: center;
		height: 400upx;
	}
    .index{
		.logo{clear: both; width: 100%; height: 290rpx; position: relative; padding-top:200rpx;
			.imgBox{width: 360rpx; height: 120rpx; margin: -90rpx 0 0 -180rpx; position:absolute; left:50%;
				image{width: 100%; height: 100%;}
			}
		}
		.ul{clear: both; width:100% ; padding: 20rpx 50rpx; 
			.li1{clear: both; margin-bottom: 30rpx; width: 100%; height: 250rpx; background: url(../../static/img/gong.png) no-repeat;
				background-size: 100%; padding:76rpx 180rpx 0 0; text-align: right; color:#fff; font-size: 56rpx;
			}
			.li2{clear: both; margin-bottom: 30rpx; width: 100%; height: 250rpx; background: url(../../static/img/gou.png) no-repeat;
				background-size: 100%; padding:84rpx 180rpx 0 0; text-align: right; color:#fff; font-size: 56rpx;
			}
		}
	}
</style>
